<template>
  <div
    v-if="activityType"
    class="activity-status-tag"
    :style="{ color: LIVE_BROADCAST_COLOR[activityType][0], borderColor: LIVE_BROADCAST_COLOR[activityType][1] }"
  >{{ activityType }}</div>
</template>
<script lang="ts" setup>
import { LIVE_BROADCAST_COLOR } from '@/constant';
const props = defineProps<{
  activityType: number| string
}>();
</script>
<style lang="scss" scoped>
.activity-status-tag {
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 12px;
  border: 1px solid;
  display: inline-flex;
  font-weight: 400;
}
</style>